<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!doctype html>

<!--告诉浏览器当前网页使用的是中文，声明后将有便于外部程序对网页进行翻译，例如有道翻译等等-->
<html lang="zh-CN">

<head>

<!--编码格式为 utf-8(国际编码)-->
<meta charset="utf-8">

<!--设置页面关键字-->
<meta name="keywords" content="设置网站关键字">

<!--设置页面的描述-->
<meta name="description" content="设置页面的描述,建议在200字以内">

<!--设置浏览器优先使用急速模式-->
<meta name="renderer" content="webkit">

<!--禁止移动设备UC浏览器对字体大小的控制-->
<meta name="wap-font-scale" content="no">

<!--告诉IE使用最新的引擎渲染网页，chrome=1则可以激活Chrome Frame(谷歌浏览器内嵌框架)-->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<!--建立一个视觉窗口, 可视区域宽度等于设备宽度, 初始缩放比例为1倍, 最小缩放比例为1倍, 最大缩放比例为1倍, 禁止用户进行缩放-->
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">

<title>全部分类</title>

<link rel="stylesheet" href="<%=basePath%>css/libs/css/font-awesome.min.css">
<link rel="stylesheet" href="<%=basePath%>css/zhicwl.css">
<link rel="stylesheet" href="<%=basePath%>css/zhicwl-bj.css">
<link rel="stylesheet" href="<%=basePath%>css/zhicwl-zj.css">
<link rel="stylesheet" href="<%=basePath%>css/style2.css">
<link rel="stylesheet" href="<%=basePath%>myfont/style.css"/>

<script src="<%=basePath%>js/fontSize.js"></script>
<script src="<%=basePath%>js/jquery-1.11.3.min.js"></script>

</head>

<body>

<style>
body{ background-color: #f0efed;}
span.industry_icon {
	background: #40a43f none repeat scroll 0 0;
	border-radius: 50%;
	display: block;
	font-size: .8rem;
	height: 1.5rem;
	line-height: 1.4rem;
	text-align: center;
	width: 1.5rem;
	margin-right:0.5rem;
}
</style>

<!--头部-->
<div class="header-1 padding-tb-10 padding-lr-15">
	<div class="header-1-left"><a href="<%=basePath%>index"></a></div>
  <div class="header-1-titel">全部分类</div>
</div>
<div class="header-1-height"></div>
<div class="all-classification">
  <div class="class-list">
  	<div class="class-list-title">
  		<span class="industry_icon" style="background:#2bb8aa;">
  			<i class="icon-host" style="color:#fff;"></i>
  		</span>
  		<span>热门</span>
  	</div>
  	<table class="class-list-tab">
  		<tbody>
  			<tr>
  				<td><a href="#">西餐</a></td>
  				<td><a href="#">烧烤烤肉</a></td>
  				<td><a href="#">烧烤烤肉</a></td>
  				<td><a href="#">烧烤烤肉</a></td>
  			</tr>
  		</tbody>
  	</table>
  </div>
  <c:forEach items="${industrys}" var="industry">
  <div class="class-list">
  	<div class="class-list-title">
  		<span class="industry_icon" style="background:${industry.background_color}">
  			<i class="${industry.icon}" style="color:${industry.font_color};"></i>
  		</span>
  		<span>${industry.name}</span>
  	</div>
  	<table class="class-list-tab">
  		<tbody>
  			<c:set var="i" value="1"/>
  			<c:forEach items="${industrySmalls}" var="industrySmall">
  				<c:if test="${i==1}">
  					<tr>
  				</c:if>
  				<c:if test="${industry.id == industrySmall.parent_id}">
  					<td><a href="<%=basePath%>shop?t2=${industrySmall.id}&name=${industrySmall.name}">${industrySmall.name}</a></td>
  				</c:if>
  				<c:if test="${i==4}">
  				</tr>
  				<c:set var="i" value="0"/>
  				</c:if>
 			<c:set var="i" value="${i+1}"/>
  			</c:forEach>
  		</tbody>
  	</table>
  </div>
  </c:forEach>
  
</div>
<!--/头部-->
</body>
</html>